import pages from '../../atoms/pages';

export default function Button() {
	return <>
		<div className='v'>
			<a href={pages['/newactivityregistration']} className='a' >
				<input className='new' type='button' value='发起新的报名' />
			</a>
			<a href={pages['/myactivity']} className='a'>
				<input className='my' type='button' value='我的活动' />
			</a>
			<style jsx>{`
.v{
display: flex;
flex-direction: column;
align-items: center;
width:90%;
}
.a{
width: 90%;
}

.new{
background-color: rgb(48, 139, 220);
border-radius: 0.625rem;
color: #FFFFFF;
font-size: 1.375rem;
width: 80%;
height: 3.25rem;
margin-right: 2rem;
border-color: #1E2327;
border-width: 0.05rem;
border-radius: 0.625rem;
}
.my{
background-color: rgb(48, 139, 220);
border-color: #1E2327;
border-width: 0.05rem;
border-radius: 0.625rem;
color: #ffffff;
font-size: 1.375rem;
width: 80%;
height: 3.25rem;
margin-top: 1rem;
margin-right: rem;
}
`}</style>
		</div>
	</>;
}
